<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css"/>
    <link rel="stylesheet" href="css/main.css" type="text/css"/>
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/common.js"></script>
    <script src="js/personalFocus.js"></script>
</head>
<body>
    <div class="headerBar">
        <div class="topBar">
        <div class="comWidth clearFix">
            <div class="leftArea">
                <a href="#" class="collection">收藏商城</a>
            </div>
            <div class="rightArea">
                <a href="">欢迎来到XX商城网</a>
                <a href="login.html">[登录]</a>
                <a href="register.html">[免费注册]</a>
            </div>
        </div>
    </div><!--topBar结束-->
        <div class="logoBar">
        <div class="comWidth clearFix">
            <div class="logo fl">
                <a href="#"><img src="images/logo.png" alt="商城网"/></a>
            </div>
            <div class="search_box fl">
                <form action="" method="get">
                    <label><input type="text" class="search_text fl"/></label>
                    <input type="button" value="搜 索" class="search_btn fr"/>
                </form>
            </div>
            <div class="shopCar fr">
                <a href="shoppingCar.html">
                    <span class="shopText fl">购物车</span>
                </a>
                <span class="shopNum fl">2</span>
                <div class="shopCar_cont">
                    <form method="post" action="">
                        <div class="checkAll">
                            <input type="button" id="check_all" value="全　选" name="items"/>
                            <input type="button" id="check_no" value="全不选" name="items"/>
                        </div>
                        <div class="shopCar_list">
                            <ul>
                                <li>
                                    <label for="check1"></label>
                                    <input type="checkbox" checked="checked" id="check1" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                        <span class="price">￥; <i>4999.00</i></span>
                                    </p>
                                </li>
                                <li>
                                    <label for="check2"></label>
                                    <input type="checkbox" id="check2" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list_01.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Fujifilm 富士 FinePix JX710数码相机 粉色</a>
                                        <span class="price">￥; <i>349.00</i></span>
                                    </p>
                                </li>
                                <li>
                                    <label for="check3"></label>
                                    <input type="checkbox" id="check3" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                        <span class="price">￥; <i>4999.00</i></span>
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </form>
                    <div class="clearingBox">
                        <div class="clearingText clearFix">
                        <span class="clearingNum fl">
                            <i>已选</i><span class="number">1</span><i>件</i>
                        </span>
                        <span class="clearingPrice fr">
                            <span class="price">&yen; <i>4999.00</i></span>
                        </span>
                        </div>
                        <div class="goClearing">
                            <a href="shoppingCar.html">去结算</a>
                        </div>
                        <span id="shopCarClose">收起购物车</span>
                    </div>
                </div>
            </div>
        </div>
    </div><!--logoBar结束-->
        <div class="navBox">
        <div class="comWidth">
            <div class="shopClass fl">
                <h3>全部商品分类<i></i></h3>
            </div>
            <ul class="nav fl">
                <li class="nav_active"><a href="#">数码城</a></li>
                <li><a href="#">天黑黑</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">二手特卖</a></li>
                <li><a href="#">名品会</a></li>
            </ul>
        </div>
    </div>  <!--导航结束-->
        <div class="shopClass_show">
        <dl class="shopClass_item">
            <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
            <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
            <ul>
                <li>
                    <span class="shopClass_tit ">电脑整机</span>
                    <span>
                        <a href="#">超级本</a><a href="#">上网本</a><a href="#">笔记本</a>
                        <a href="#">平板电脑</a><a href="#">台式机</a>
                    </span>
                    </li>
                <li>
                    <span class="shopClass_tit">装机配件</span>
                     <span>
                         <a href="#">CPU</a><a href="#">硬盘</a><a href="#">SSD固态硬盘</a><a href="#">显示</a>
                         <a href="#">器智能显示器</a><a href="#">主板</a><a href="#">显卡</a><a href="#">机箱</a>
                         <a href="#">电源</a><a href="#">散热器</a><a href="#">刻录机/光驱</a><a href="#">声卡</a>
                         <a href="#">服务器配件</a><a href="#">拓展卡</a><a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                     </span>
                </li>
                <li>
                    <span class="shopClass_tit">整机附件</span>
                     <span>
                         <a href="#">CPU</a><a href="#">硬盘</a><a href="#">SSD固态硬盘</a>
                         <a href="#">显示</a><a href="#">器智能显示器</a><a href="#">主板</a>
                         <a href="#">显卡</a><a href="#">机箱</a><a href="#">电源</a><a href="#">散热器</a>
                         <a href="#">显卡</a><a href="#">机箱</a><a href="#">电源</a><a href="#">散热器</a>
                         <a href="#">刻录机/光驱</a><a href="#">声卡</a><a href="#">服务器配件</a><a href="#">拓展卡</a>
                         <a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                         <a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                     </span>
                </li>
                <li>
                    <span class="shopClass_tit">装机配件</span>
                     <span>
                         <a href="#">CPU</a><a href="#">硬盘</a><a href="#">SSD固态硬盘</a><a href="#">显示</a>
                         <a href="#">器智能显示器</a><a href="#">主板</a><a href="#">显卡</a><a href="#">机箱</a>
                         <a href="#">电源</a><a href="#">散热器</a><a href="#">刻录机/光驱</a><a href="#">声卡</a>
                         <a href="#">服务器配件</a><a href="#">拓展卡</a><a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                     </span>
                </li>
                <li>
                    <span class="shopClass_tit">电脑整机</span>
                    <span>
                        <a href="#">超级本</a><a href="#">上网本</a><a href="#">笔记本</a>
                        <a href="#">平板电脑</a><a href="#">台式机</a>
                    </span>
                </li>
            </ul>
        </dl>
        <dl class="shopClass_item">
            <dt><a href="#" class="b">电脑</a> <a href="#" class="b">硬件外设</a> <a href="#" class="aLink">装机宝</a></dt>
            <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
            <ul>
                <li>
                    <span class="shopClass_tit">手机品牌</span>
                    <span>
                        <a href="#">Apple/苹果</a><a href="#">Samsuan/三星</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                        <a href="#">Oppo</a><a href="#">Colpad/酷派</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                    </span>
                </li>
                <li>
                    <span class="shopClass_tit">热销机型</span>
                     <span>
                         <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                         <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                         <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                     </span>
                </li>
                <li>
                    <span class="shopClass_tit">热销机型</span>
                     <span>
                         <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                         <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                         <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                         <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                     </span>
                </li>
                <li>
                    <span class="shopClass_tit">手机品牌</span>
                <span>
                    <a href="#">Apple/苹果</a><a href="#">Samsuan/三星</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                    <a href="#">Oppo</a><a href="#">Colpad/酷派</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                </span>
                </li>
            </ul>
        </dl>
        <dl class="shopClass_item">
            <dt><a href="#" class="b">大家电</a></dt>
            <dd><a href="#">电视</a> <a href="#">空调</a> <a href="#">冰箱</a> <a href="#">洗衣机</a></dd>
            <ul>
                <li>
                    <span class="shopClass_tit">家电品牌</span>
                    <span>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                        <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                    </span>
                </li>
                <li>
                    <span class="shopClass_tit">热销机型</span>
                     <span>
                         <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                         <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                         <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                         <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                     </span>
                </li>
                <li>
                    <span class="shopClass_tit">家电品牌</span>
                    <span>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                        <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                    </span>
                </li>
            </ul>
        </dl>
        <dl class="shopClass_item">
            <dt><a href="#" class="b">厨房电器</a> <a href="#" class="b">生活电器</a></dt>
            <dd><a href="#">电饭煲</a> <a href="#">微波炉</a> <a href="#">取暖设备</a></dd>
            <ul>
                <li>
                    <span class="shopClass_tit">食品/饮料</span>
                    <span>
                        <a href="#">鱼干</a><a href="#">牛肉干</a><a href="#">豆腐干</a>
                        <a href="#">泡椒凤爪</a><a href="#">方便面</a><a href="#">猪蹄</a>
                        <a href="#">奥利奥</a><a href="#">熊仔比</a><a href="#">饼干</a>
                        <a href="#">牛奶</a><a href="#">酸奶</a><a href="#">甜牛奶</a>
                        <a href="#">雪碧</a><a href="#">可乐</a><a href="#">纯牛奶</a>
                        <a href="#">旺仔牛奶</a><a href="#">旺仔小馒头</a><a href="#">大白兔奶糖</a>
                        <a href="#">蛋糕</a><a href="#">炼乳</a><a href="#">乳酪</a>
                        <a href="#">面包</a><a href="#">吐司</a><a href="#">寿司</a>
                        <a href="#">大枣</a><a href="#">红米</a><a href="#">海苔</a>
                    </span>
                    </li>
                <li>
                    <span class="shopClass_tit">品牌</span>
                    <span>
                        <a href="#">富士</a><a href="#">冬冬</a><a href="#">乡巴佬</a>
                        <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                        <a href="#">统一</a><a href="#">老干妈</a><a href="#">华为Mate</a>
                        <a href="#">健力宝</a><a href="#">奥利奥</a><a href="#">香飘飘</a>
                        <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                        <a href="#">王老吉</a><a href="#">大桥</a><a href="#">秋田小町</a>
                        <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                    </span>
                </li>
                <li>
                    <span class="shopClass_tit">食品/饮料</span>
                    <span>
                        <a href="#">鱼干</a><a href="#">牛肉干</a><a href="#">豆腐干</a>
                        <a href="#">泡椒凤爪</a><a href="#">方便面</a><a href="#">猪蹄</a>
                        <a href="#">奥利奥</a><a href="#">熊仔比</a><a href="#">饼干</a>
                        <a href="#">牛奶</a><a href="#">酸奶</a><a href="#">甜牛奶</a>
                        <a href="#">雪碧</a><a href="#">可乐</a><a href="#">纯牛奶</a>
                        <a href="#">旺仔牛奶</a><a href="#">旺仔小馒头</a><a href="#">大白兔奶糖</a>
                        <a href="#">蛋糕</a><a href="#">炼乳</a><a href="#">乳酪</a>
                        <a href="#">面包</a><a href="#">吐司</a><a href="#">寿司</a>
                        <a href="#">大枣</a><a href="#">红米</a><a href="#">海苔</a>
                    </span>
                </li>
                <li>
                    <span class="shopClass_tit">品牌</span>
                    <span>
                        <a href="#">富士</a><a href="#">冬冬</a><a href="#">乡巴佬</a>
                        <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                        <a href="#">统一</a><a href="#">老干妈</a><a href="#">华为Mate</a>
                        <a href="#">健力宝</a><a href="#">奥利奥</a><a href="#">香飘飘</a>
                        <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                        <a href="#">王老吉</a><a href="#">大桥</a><a href="#">秋田小町</a>
                        <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                    </span>
                </li>
            </ul>
        </dl>
        <dl class="shopClass_item">
            <dt><a href="#" class="b">食品/饮料/生鲜</a> <a href="#" class="aLink">粮 油</a></dt>
            <dd><a href="#">进口</a> <a href="#">方便面</a> <a href="#">零食</a> <a href="#">保健</a></dd>
            <ul>
                <li>
                    <span class="shopClass_tit">厨房电器</span>
                    <span>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                        <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                    </span>
                </li>
                <li>
                    <span class="shopClass_tit">品牌</span>
                    <span>
                        <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                        <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                        <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                        <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                        <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                        <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                    </span>
                </li>
                <li>
                    <span class="shopClass_tit">厨房电器</span>
                    <span>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                        <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                    </span>
                </li>
                <li>
                    <span class="shopClass_tit">厨房电器</span>
                    <span>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                        <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                    </span>
                </li>
            </ul>
        </dl>
    </div> <!--商品分类结束-->
    </div>
<!--banner开始-->
    <div class="banner comWidth clearFix">
    <div class="banner_bar banner_big fr out">
        <ul class="img">
            <li><a href="#"><img src="images/banner/banner_02.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/banner/banner_03.png" alt=""/></a></li>
            <li><a href="#"><img src="images/banner/banner_04.png" alt=""/></a></li>
            <li><a href="#"><img src="images/banner/banner_05.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/banner/banner_06.png" alt=""/></a></li>
        </ul>
        <ul class="num">

        </ul>
        <div class="left btn"><</div>
        <div class="right btn">></div>
    </div>
</div>
<!--banner部份结束-->
<!--商品标题开始-->
    <div class="shopTitle comWidth">
    <span class="icon"></span>
    <h3>电子商品</h3>
    <a class="more" href="#">更多&gt;&gt;</a>
</div>
    <div class="shopList comWidth clearFix">
    <div class="leftArea">
        <div class="banner_bar banner_small">
            <ul class="imgBox">
                <li><a href="#"><img src="images/banner/banner_small_01.png" alt="banner"/></a></li>
                <li><a href="#"><img src="images/banner/banner_small_02.png" alt="banner"/></a></li>
                <li><a href="#"><img src="images/banner/banner_small_03.png" alt="banner"/></a></li>
                <li><a href="#"><img src="images/banner/banner_small_02.png" alt="banner"/></a></li>
            </ul>
            <ul class="imgNum">
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
            </ul>
            <div class="left btn"><</div>
            <div class="right btn">></div>
        </div>
    </div>
    <div class="rightArea">
        <div class="shopList_top clearFix">
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopImg.jpg" alt=""/></a>
                </div>
                <h3><a href="#">HTC渴望8系列</a></h3>
                <p><a href="#">1899元</a></p>
            </div>
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopImg.jpg" alt=""/></a>
                </div>
                <h3><a href="#">HTC渴望8系列</a></h3>
                <p><a href="#">1899元</a></p>
            </div>
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopImg.jpg" alt=""/></a>
                </div>
                <h3><a href="#">HTC渴望8系列</a></h3>
                <p><a href="#">1899元</a></p>
            </div>
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopImg.jpg" alt=""/></a>
                </div>
                <h3><a href="#">HTC渴望8系列</a></h3>
                <p><a href="#">1899元</a></p>
            </div>
        </div>
        <div class="shopList_sm clearFix">
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_04.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
                    <h3><a href="#">&yen; 149.00</a></h3>
                </div>
            </div>
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_04.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
                    <h3><a href="#">&yen; 149.00</a></h3>
                </div>
            </div>
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_04.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
                    <h3><a href="#">&yen; 149.00</a></h3>
                </div>
            </div>
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_04.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
                    <h3><a href="#">&yen; 149.00</a></h3>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="shopTitle comWidth">
    <span class="icon"></span>
    <h3>食品酒水</h3>
    <a class="more" href="">更多&gt;&gt;</a>
</div>
    <div class="shopList comWidth clearFix">
    <div class="leftArea">
        <div class="banner_bar banner_small bottom">
            <ul class="imgBox img_box">
                <li><a href="#"><img src="images/banner/banner_small_02.jpg" alt="banner"/></a></li>
                <li><a href="#"><img src="images/banner/banner_small_12.png" alt="banner"/></a></li>
                <li><a href="#"><img src="images/banner/banner_small_13.png" alt="banner"/></a></li>
                <li><a href="#"><img src="images/banner/banner_small_12.png" alt="banner"/></a></li>
            </ul>
            <ul class="imgNum img_num">
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
            </ul>
            <div class="left btn left_btn"><</div>
            <div class="right btn right_btn">></div>
        </div>
    </div>
    <div class="rightArea">
        <div class="shopList_top clearFix">
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopList_small_05.jpg" alt=""/></a>
                </div>
                <h3><a href="#">三月美食狂享购</a></h3>
                <p><a href="#">50元</a></p>
            </div>
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopList_small_05.jpg" alt=""/></a>
                </div>
                <h3><a href="#">三月美食狂享购</a></h3>
                <p><a href="#">50元</a></p>
            </div>
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopList_small_05.jpg" alt=""/></a>
                </div>
                <h3><a href="#">三月美食狂享购</a></h3>
                <p><a href="#">50元</a></p>
            </div>
            <div class="shop_item">
                <div class="shop_img">
                    <a href="#"><img src="./images/shopList_small_05.jpg" alt=""/></a>
                </div>
                <h3><a href="#">三月美食狂享购</a></h3>
                <p><a href="#">50元</a></p>
            </div>
        </div>
        <div class="shopList_sm clearFix">
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_06.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">康比特 维他宝 咀嚼片 60片</a></p>
                    <h3><a href="#">&yen; 600.00</a></h3>
                </div>
            </div>
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_06.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">康比特 维他宝 咀嚼片 60片</a></p>
                    <h3><a href="#">&yen; 600.00</a></h3>
                </div>
            </div>
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_06.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">康比特 维他宝 咀嚼片 60片</a></p>
                    <h3><a href="#">&yen; 600.00</a></h3>
                </div>
            </div>
            <div class="shopItem_sm">
                <div class="shopItem_smImg">
                    <a href="#"><img src="./images/shopList_small_06.jpg" alt=""/></a>
                </div>
                <div class="shopItem_text">
                    <p><a href="#">康比特 维他宝 咀嚼片 60片</a></p>
                    <h3><a href="#">&yen; 600.00</a></h3>
                </div>
            </div>
        </div>
    </div>
</div>
<!--返回顶部-->
    <div class="backTop_box">
        <a href="#top"><div class="arrow"></div>返回顶部</a>
    </div>
    <div class="hr_25"></div>
<!--页脚-->
    <div class="footer">
        <p>
            <a href="#">商城简介</a>
            <i>|</i>
            <a href="#">商城公告</a>
            <i>|</i>
            <a href="#">招纳贤士</a>
            <i>|</i>
            <a href="#">联系我们</a>
            <i>|</i>
            <a href="#">客服热线：400-675-1234 </a>
        </p>
        <p>Copyright &copy; 2006 - 2014 商城版权所有&nbsp;&nbsp;&nbsp;
        云ICP备09037834号&nbsp;&nbsp;&nbsp;
        云ICP证B1034-8373号&nbsp;&nbsp;&nbsp;
        某市公安局XX分局备案编号：123456789123
        </p>
        <p class="footerLogo">
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        </p>
</div>
</body>
</html>